@import "./../../../../style/font.scss";
@import "./../../../../style/color.scss";

.article-detail-content-wrap {
  padding: 30px 30px 60px;
  background-color: #FFFFFF;
  height: 100%;

  .article-header {

    .artical-title {
      font-family: $regular-font-family;
      @include font-dpr(40px);
      color: $title-text-color;
      letter-spacing: 0;
      padding-bottom: 30px;
    }

    .extra-info {
      font-family: $regular-font-family;
      @include font-dpr(24px);
      color: $gray;
      letter-spacing: 0;

      span {
        display: inline-block;
      }

      span + span {
        margin-left: 30px;
      }

      .favor-action {
        margin-left: 20px;
        display: inline-block;
        vertical-align: bottom;
        width: 28px;
        height: 28px;
        background: url('../../../../../images/favor-unselected.png') ;
        background-size: 100%;
      }

      .favor-action.select, .favor-action:hover {
        width: 28px;
        height: 28px;
        background: url('../../../../../images/favor-selected.png');
        background-size: 100%;
      }
    }

  }

  .article-content {
    width: 100%;
    box-sizing: border-box;
    padding-top: 60px;

    img {
      width: 100%;
    }
  }
}
